$(function () {
    $("#link_reg").on("click", function () {
        $(".login-box").hide()
        $(".reg-box").show()
    })
    $("#link_login").on("click", function () {
        $(".reg-box").hide()
        $(".login-box").show()
    })
    // 从layui中获取 form 对象
    var form = layui.form
    // 通过form.verify（）函数自定义校验规则
    form.verify({
        // 自定义了一个叫做 pwd 的校验规则
        pwd: [/^[\S]{6,12}$/, '密码必须6到12位，且不能出现空格'],
        // 校验两次密码是否一致的规则
        repwd(value) {
            // 通过形参拿到的是确认密码框中的内容,还需要拿到密码框中的内容,然后进行一次等于逇判断,如果判断失败，则return一个提示消息即可
            var pwd = $(".reg-box [name=password]").val()
            if (pwd !== value) {
                return '两次密码不一致'
            }
        }
    })


    // 注册事件 监听表单的提交事件
    $("#form_reg").on("submit", function (e) {
        e.preventDefault()
        $.ajax({
            type: "post",
            url: '/api/reguser',
            data: {
                username: $("#form_reg [name=username]").val(),
                password: $("#form_reg [name=password]").val(),
            },
            success (res) {
                if (res.status !== 0) {
                    return layer.msg(res.message);
                }
                layer.msg('注册成功，请登录')
                // 模拟人的点击行为
                $('#link_login').click()
            }
        })
    })

    // 登录页面，监听表单提交事件
    $("#form_login").on("submit", function (e) {
        e.preventDefault()
        $.ajax({
            type: "post",
            url: '/api/login',
            // data: {
            //     username: $("#form_login [name=username]").val(),
            //     password: $("#form_login [name=password]").val(),
                
            // },
            data: $(this).serialize(),
            success (res) {
                if (res.status !== 0) {
                    return layer.msg("登录失败");
                }
                layer.msg('登录成功')
                // console.log(res.token);
                // 将登录成功得到的 token 字符串，保存到localStorage中
                localStorage.setItem('token',res.token)
                //  跳转到后台主页
                // window.location.href = '/index.html'
                location.assign("/index.html")
            }
        })
    })
}) 